<!DOCTYPE html>
<%@ page isELIgnored="false" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<script>
function deleteRow(r)
{
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('TablaBebidas').deleteRow(i);
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Alta de Bebida</title>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />
</head>
<body>
<div class="span9">
<h1>Lista de Bebidas</h1>
	<table id=TablaBebidas class="table table-striped table-hover table-condensed">
	<thead><tr><th>Nombre</th><th>Tipo</th><th>Operacion</th></tr></thead>
	<tbody>
	<!-- foreach -->
	<c:forEach var="bebida" items="${bebidas}">
	<tr>
		<td>${bebida.nombre}</td><td>${bebida.tipo}</td>
		 <td> <a href="editar?id=${bebida.id}"> <input type="button" class="btn btn-success" value="Editar"> </a> 
		  <a href="baja?id=${bebida.id}">   <input type="button" class="btn btn-danger"  value="Baja" >  </a> </td>
	 </tr>
	</c:forEach>
	<!-- fin del foreach -->
	</tbody>
	</table>
	<a href="alta" class="btn btn-primary">Agregar</a>
</div>
</body>
</html>